<template>
	<view class="event_details">
		<view class="end-title">
		　　<view @tap="changeTab(0)" :class="{btna:btnnum == 0}">案件详情</view>
		  　<view @tap="changeTab(1)" :class="{btna:btnnum == 1}">处置记录</view>
		</view>
		<view class="event_box">
			<view class="end-cont" :class="{dis:btnnum == 0}">
			 　	<view class="type_status">
					<view class="event_type">{{eventItem.eventTypeLv2Name}}</view>
					<view class="event_status">{{fliterNum(eventItem.eventDealStatus)}}</view>
				</view>
				<view class="describe">案件描述：{{eventItem.eventDescribe}}</view>
				<view class="map_image">
					<view class="image_box">
						<!-- #ifdef H5 -->
						<map class="H5_map" :latitude="latitude" :longitude="longitude" :markers="covers" scale="16">
							<cover-image @click="lookBIgMap" class="coverImag" src="../../static/images/screen_big.png"></cover-image>
						</map>
						<!-- #endif -->
						<!-- #ifdef APP-PLUS -->
						<map class="H5_map" :latitude="latitude" :longitude="longitude" :markers="covers" scale="16">
							<cover-image @click="lookBIgMap" class="coverImag" src="../../static/images/screen_big.png"></cover-image>
						</map>
						<!-- #endif -->
					</view>
					<view class="image_box">
						<image :src="image_url + img_item.path" v-if="smallImgData && smallImgData.length>0" v-for="(img_item, img_index) in smallImgData" :key="img_index" @click="seeImages(img_index, bigImgData, 'details')" mode="aspectFit"></image>
					</view>
				</view>
				<view class="event_msg">
					<view class="msg_item1 msg_item">处置状态：
					<view class="msg_item1_img flex">
						<view class="bg2 bg" v-if="eventItem.slowStatus>0">缓办</view>
						<view class="bg1 bg" v-if="eventItem.delayStatus>0">延期</view>
						<block v-if="eventItem.archivesTypeLeveThree">
							<view class="bg3 bg" v-if="eventItem.archivesTypeLeveThree.isJj&&eventItem.archivesTypeLeveThree.isJj==1||
									eventItem.archivesTypeLeveThree.isTf&&eventItem.archivesTypeLeveThree.isTf==1">紧急</view>
						</block>
						
					
						<view class="bg4 bg" v-if="eventItem.shuntStatus>0">督办</view>
					</view>
					</view>
					<view class="msg_item" style="margin-top: 5px;">案件类别：{{eventItem.eventTypeName}}</view>
					<view class="msg_item">案件大类：{{eventItem.eventTypeLv1Name}}</view>
					<view class="msg_item">案件小类：{{eventItem.eventTypeLv2Name}}</view>
					<view class="msg_item" v-if="eventItem.archivesTypeLeveThree">立案条件：{{eventItem.archivesTypeLeveThree.starConditions}}</view>
					<!-- <view class="msg_item">处理时限：{{eventItem.dealLimitTime}}</view> -->
					<view class="msg_item">责任主体：{{eventItem.time}}</view>
					<view class="msg_item">所属部门：{{eventItem.deptName}}</view>
					<view class="msg_item">部门行业：{{eventItem.industryTypeLv1Name}}</view>
					<view class="msg_item">行业类别：{{eventItem.industryTypeLv2Name}}</view>
					<view class="msg_item">案件编号：{{eventItem.eventName}}</view>
					
				</view>

			</view>
			<view class="end-cont end_cont_two" :class="{dis:btnnum == 1}">
			 　　<view class="type_status">
					<view class="event_type">{{eventItem.eventTypeLv2Name}}</view>
					<view class="event_status">{{fliterNum(eventItem.eventDealStatus)}}</view>
				</view>
				<view class="event_logs">
					<view class="logs_item" v-for="(item,index) in eventLogListData" :key="index">
						<view class="circle"></view>
						<view class="logs_box">
							<view class="logs_status">{{item.typeName}}</view>
							<view class="task_date">{{item.createTime}}</view>
							<view class="logs_msg">{{item.describe}}</view>
							<view class="logs_msg">{{item.remark}}</view>
							<view class="logs_image" v-if="item.small_images.length>0">
								<image :src="image_url + item_img.path" mode="aspectFit" v-for="(item_img, item_index) in item.small_images" :key="item_index" @click="seeImages(item_index, item.big_images, 'logs')"></image>
							</view>
						</view>
					</view>
				</view>
			</view>
			 <!-- && eventItem.eventDealStatus == '0102' -->
			<view v-if="pageType == 1">
			<view class="pending_buttons" v-if="$checkPermission(['hs_personnel'])&& eventItem.eventDealStatus == '0102'">
				<button @click="managementCase(1)" type="default" class="back2">核实</button>
				<button @click="managementCase(9)" type="default" class="back2">督办</button>
			</view>
			<!-- 0207 -->
			<view class="pending_buttons" v-if="$checkPermission(['hc_personnel'])&& eventItem.eventDealStatus == '0207'">
				<button @click="managementCase(2)" type="default" class="back2">核查</button>
				<button v-if="eventItem.eventDealStatus !== '0207'" @click="managementCase(9)" type="default"  class="back2">督办</button>
			</view>
			<!-- 待处置 0202-->
			<view class="pending_buttons" v-if="$checkPermission(['cz_personnel'])&& eventItem.eventDealStatus == '0202'">
				<button @click="managementCase(3)" type="default" class="back2">回退</button>
				<button @click="managementCase(4)" type="default" class="back2">处置</button>
				<button v-if="eventItem.eventDealStatus !== '0202'" @click="managementCase(9)" type="default" class="back2" >督办</button>
			</view>
			<!-- 0201派遣中 待派遣-->
			<view class="pending_buttons" v-if="$checkPermission(['bdjgjxy'])&& eventItem.eventDealStatus == '0201'">
				<button @click="managementCase(5)" type="default" class="back2">回退</button>
				<button 
					@click="managementCase(6)" 
					type="default" class="back2" 
					v-if="eventItem.archivesTypeLeveThree && (eventItem.archivesTypeLeveThree.isYq && eventItem.archivesTypeLeveThree.isYq == 1 || eventItem.archivesTypeLeveThree.isHb && eventItem.archivesTypeLeveThree.isHb == 1)">申请</button>
				<button @click="managementCase(7)" type="default" class="back2">派遣</button>
				<!-- <button @click="managementCase(9)" type="default" class="back2" >督办</button> -->
			</view>
			<!-- 待回转  机构审核 0203-->
			<view class="pending_buttons" v-if="$checkPermission(['bdjgjxy'])&&eventItem.eventDealStatus == '0203'">
				<button @click="managementCase(7)" type="default" class="back2">重新派遣</button>
				<button @click="managementCase(8)" type="default" class="back2">回转</button>
				<button @click="managementCase(9)" type="default" class="back2">督办</button>
			</view>
			<!-- 任何权限都可以进行督办 -->
			<!-- <! 监理  0205   &&eventItem.eventDealStatus == '0205'-->
			<view class="pending_buttons" v-if="$checkPermission(['supervisor'])">
				<button v-if="eventItem.eventDealStatus !== '0205'"  @click="managementCase(9)" type="default" class="back2">督办</button>
			</view>
			</view>
		</view>
		<!-- 地图弹出层 -->
		<new-map ref="publicMapDialog" :gdx="gdx" :gdy="gdy" v-if="isShow" @hideMap="hideMap"></new-map>
	</view>
</template>

<script>
	// import {getEventInfoByEventId, getEventLogList,getcaseHandingaccept,
	// getcaseHandingupdateDel,getcaseHandingsendperson,getcaseHandingsend,getcaseHandingsupervise,
	// getcaseHandingdeferment,getcasecheckDelay,getisCheckHb,getisCheckSHcase,getisCheckBack} from '@/api/my_task'
	// import {updateEventEvaluate} from '@/api/pending_cases.js'
	// import publicMap from '@/pages/mycomponents/publicMap.nvue'
	import newMap from './newMap1.vue'
	import {getEventInfoByEventId,getEventLogList,getEventUp,geteventPqby,geteventgoback,geteventDelay,
	getreturnjxy,eventOversee} from '../../util/api.js'
	import URL from '../../util/url.js'
	import {getTodayTime,timeCakel} from '../../common/getTimeqj.js'
	
	export default {
		components:{
			'new-map':newMap
		},
		data () {
			return {
				isShow:false,
				image_url: URL.IMAGEURL1,
				//用户登录信息
				userInfor: uni.getStorageSync('userInfor'),
				eventItem: {
					archivesTypeLeveThree:{}
				},
				btnnum: 0,
				btnnum1:0,
				GDMap: null,
				marker: null,
				gdx:'',
				gdy:'',
				//H5
				longitude:'108.99569',
				latitude:'34.20124',
				covers:[],
				//判断是从哪个页面进入到详情的
				type:'',
				//处置记录数据
				eventLogListData: [],
				mtitle:'',
				current_handing_type:null,
				small_images:[],
				big_images:[],
				smallImgData:[],
				bigImgData:[],
				case_id: null,
				sendTargetId:'',//派遣人id
				contenttext:'', 
				pageType:'',
				subNVuepaiqian:'',
				subNVueback:'',
				subNVueDuban:'',
				subNVuehz:'',
			}
		},
		onLoad: function (option) {
			//获取传过来的数据
			// this.eventItem = option.eventItem? JSON.parse(option.eventItem): {};
			this.eventItem.eventId = option.eventItem? option.eventItem: {};
			this.pageType = option.pageType;
			// this.case_id = option.case_id;
			// this.type = option.type;
			//获取案件详情
			this.getEventInfoByEventId();

			//案件处置日志
			this.getEventLogList();
			
			//调用回退接口
			uni.$on('goback', (res) => {
				this.contenttext = res.title;
				this.query();
			})
			
			//调用派遣接口
			uni.$on('paiqian', (res) => {
				this.sendTargetId =res.title
				console.log(this.sendTargetId)
				this.subNVuepaiqian.hide('fade-out', 300)
				this.personset();
			})
			//调用回转页面
			uni.$on('hz', (res) => {
				this.contenttext = res.title;
				this.goReturn();
			})
			//督办
			uni.$on('duban', (res) => {
				this.contenttext = res.title;
				this.subNVueDuban.hide('fade-out', 300)
				this.goDuBan();
			})
		},
		onUnload() {
		// 移除监听事件
			uni.$off('goback');
			uni.$off('paiqian')
			uni.$off('hz')
			uni.$off('duban')
		},
		methods: {
			fliterNum(e){
				var msg;
				switch (e) {
					case '0101':
						msg = '待核实';
						break
					case '0102':
						msg = '待核实';
						break
					case '0103':
						msg = '待转办';
						break
					case '0104':
						msg = '已回退';
						break
					case '0201':
						msg = '派遣中';
						break
					case '0202':
						msg = '待处置';
						break
					case '0203':
						msg = '待回转';
						break
					case '0205':
						msg = '待审核';
						break
					case '0206':
						msg = '待核查';
						break
					case '0207':
						msg = '待核查';
						break
					case '0208':
						msg = '待结案';
						break
					case '0209':
						msg = '结案';
						break
					case '0001':
						msg = '销案';
						break
					case '0002':
						msg = '销案';
						break
					case '0003':
						msg = '缓办';
						break
					case '0004':
						msg = '挂起';
						break
				}
				return msg;
			},
			/** 回退弹窗确定方法 */
			query() {
				uni.showLoading()
				let parmes = {
					createUser:this.userInfor.userId,
					organizationId:this.userInfor.organizationId,
					eventId:this.eventItem.eventId,  //案卷id
					eventDealStatus:this.eventItem.eventDealStatus,  //分流表id
					remark:this.contenttext
				}
				geteventgoback(parmes).then((res)=>{
					uni.hideLoading();
					console.log(res)
					if(res.code == '200'){
						this.$toast.showToast(res.msg)
						// this.cancel(1);
						setTimeout(()=> {
							uni.navigateTo({
								url:'../pageList/pageList'
							})
							uni.$emit("handleFun",{title: 'goback'});
						},1000)
					}else{
						this.$toast.showToast(res.msg)
					}
				}).catch((error) => {
					this.$toast.showToast(error.msg)
					uni.hideLoading();
				})
			},
			hideMap(res){
				this.isShow = false;
			},
			//查看大地图
			lookBIgMap(){
				this.gdx = this.eventItem.gdx;
				this.gdy = this.eventItem.gdy;
				this.isShow = true;
				// this.$refs.popupMap.open();
				setTimeout(()=> {
					this.$nextTick(() => {
						// #ifdef H5
						this.$refs.publicMapDialog.initMap();
						// #endif
					});
				},500);
			},
			//接线员回转
			goReturn(){
				if(this.contenttext == ''){
					this.$toast.showToast('请输入回转原因')
					return;
				}
				uni.showLoading()
				var parme = {
					createUser:this.userInfor.userId,
					organizationId:this.userInfor.organizationId,
					eventId:this.eventItem.eventId,
					eventDealStatus:this.eventItem.eventDealStatus,
					remark:this.contenttext,
				}
				console.log(parme)
				getreturnjxy(parme).then((res)=>{
					uni.hideLoading();
					console.log(JSON.stringify(res))
					if(res.code == '200'){
						this.$toast.showToast(res.msg)
						setTimeout(()=> {
							uni.navigateTo({
								url:'../pageList/pageList'
							})
						},1000)
					}else{
						this.$toast.showToast(res.msg)
					}
				}).catch((error) => {
					this.$toast.showToast(error.msg)
					uni.hideLoading();
				})
			},
			//督办
			goDuBan(){
				uni.showLoading()
				var parme = {
					createUser:this.userInfor.userId,
					eventId:this.eventItem.eventId,
					remark:this.contenttext,
				}
				console.log(parme)
				eventOversee(parme).then((res)=>{
					uni.hideLoading();
					if(res.code == '200'){
						this.$toast.showToast(res.msg)
						setTimeout(()=> {
							uni.navigateTo({
								url:'../pageList/pageList'
							})
						},1000)
					}else{
						this.$toast.showToast(res.msg)
					}
				}).catch((error) => {
					this.$toast.showToast(error.msg)
					uni.hideLoading();
				})
			},
			//判断是否 可以缓办
			// ischeckHb(){
			// 	uni.showLoading()
			// 	let parmes = {eventId:this.eventItem.eventId?this.eventItem.eventId: this.case_id}
			// 	getisCheckHb(parmes).then((res)=>{
			// 		uni.hideLoading();
			// 		if(res.data.isDelay == 1||res.data.isTs == 1||res.data.wsCount > 0||res.data.tgCount >= 10){
			// 			if(res.data.isDelay == 1){
			// 				this.$tip.toast('案件超时暂不能缓办')
			// 			}
			// 			if(res.data.isTs == 1){
			// 				this.$tip.toast('特殊案件暂不能缓办')
			// 			}
			// 			if(res.data.wsCount > 0){
			// 				this.$tip.toast('有已申请的未处理的案件暂不能缓办')
			// 			}
			// 			if(res.data.tgCount >= 10){
			// 				this.$tip.toast('超过10次暂不能缓办')
			// 			}
			// 		}else{
			// 			// 可以缓办跳转缓办页面/  缓办页面 是单独写的一个页面 预防与之前混淆老代码
			// 			uni.navigateTo({
			// 				url: '/pages/casehandling/ponementcase?gdx='+this.eventItem.gdx+'&gdy='+this.eventItem.gdy+'&eventId='+ (this.eventItem.eventId? this.eventItem.eventId: this.case_id) + '&current_handing_type=11'
			// 			})
			// 		}
			// 	}).catch((err)=>{
			// 		uni.hideLoading();
			// 	})
			// },
			//判断是否可以延期
			//超过10次的不能延期 有已申请的未处理的不能延期  是特殊来源不能延期 超时不能延期
			// isdefermentType(){
			// 	uni.showLoading()
			// 	let parmes = {eventId:this.eventItem.eventId?this.eventItem.eventId: this.case_id}
			// 	getcasecheckDelay(parmes).then((res)=>{
			// 		uni.hideLoading();
			// 		if(res.code == '200'){
			// 			if(res.data.isDelay == 1||res.data.isTs == 1||res.data.wsCount > 0||res.data.tgCount >= 10){
			// 				if(res.data.isDelay == 1){
			// 					this.$tip.toast('案件超时暂不能延期')
			// 				}
			// 				if(res.data.isTs == 1){
			// 					this.$tip.toast('特殊案件暂不能延期')
			// 				}
			// 				if(res.data.wsCount > 0){
			// 					this.$tip.toast('有已申请的未处理的案件暂不能延期')
			// 				}
			// 				if(res.data.tgCount >= 10){
			// 					this.$tip.toast('超过10次暂不能延期')
			// 				}
			// 			}else{
			// 				const subNVueyanqi = uni.getSubNVueById('yanqi')
			// 				subNVueyanqi.show('fade-in', 300, function() {
			// 				})
			// 			}
			// 		}else{
			// 			this.$tip.toast(res.msg)
			// 		}
			// 	}).catch((err)=>{
			// 		uni.hideLoading();
			// 	})
			// },
			
			
			//确定派遣接口
			personset(){
				uni.showLoading()
				let parme={
					createUser:this.userInfor.userId,
					organizationId:this.userInfor.organizationId,
					sendTargetId:this.sendTargetId,
					eventId:this.eventItem.eventId,
					eventDealStatus:this.eventItem.eventDealStatus,
				}
				console.log(parme)
				geteventPqby(parme).then((res)=>{
					uni.hideLoading();
					if(res.code == '200'){
						this.$toast.showToast(res.msg)
						uni.$emit("handleFun",{title: 'paiqian'});
						setTimeout(()=> {
							uni.navigateTo({
								url:'../pageList/pageList'
							})
						},1000)
					}else{
						this.$toast.showToast(res.msg)
					}
				}).catch((error) => {
					this.$toast.showToast(error.msg)
					uni.hideLoading();
				})
			},
			change(e){
				this.btnnum1 = e
			},
			//获取案件详情
			getEventInfoByEventId(){
				getEventInfoByEventId({},this.eventItem.eventId).then((res) => {
					if(res.code == 200){
						this.eventItem = res.data;
						this.longitude = res.data.gdx;
						this.latitude = res.data.gdy;
						this.covers.push({
							latitude: this.eventItem.gdy,
							longitude: this.eventItem.gdx,
							iconPath: '../../static/images/case.png'
						})
					}else{
						this.$toast.showToast(res.msg)
					}
				}).catch((error) => {
				})
			},
			// 切换tab键
			changeTab(e) {
				this.btnnum = e
				if(this.btnnum == 1){}
			},
			managementCase(current_handing_type){
				this.current_handing_type = current_handing_type;
				if(current_handing_type < 3){
					uni.removeStorageSync('currentLocation1');
					uni.navigateTo({
						url: '/pages/detailPage/manageCase?gdx='+this.eventItem.gdx+'&gdy='+this.eventItem.gdy+'&eventId='+this.eventItem.eventId + '&current_handing_type='+current_handing_type+'&eventItem='+JSON.stringify(this.eventItem)
					})
				}else if(current_handing_type == 3 ||  current_handing_type == 4 ){
					uni.removeStorageSync('currentLocation1');
					uni.navigateTo({
						url: '/pages/detailPage/backCase?gdx='+this.eventItem.gdx+'&gdy='+this.eventItem.gdy+'&eventId='+this.eventItem.eventId + '&current_handing_type='+current_handing_type+'&eventItem='+JSON.stringify(this.eventItem)
					})
				}else if(current_handing_type ==5){
					//标段机构  回退
					this.subNVueback = uni.getSubNVueById('goback')
					this.subNVueback.show('slide-in-right', 100, function() {})
				}else if(current_handing_type ==6){
					//申请  先判断是否超时 超时不能进行延期申请
					this.idDeley(current_handing_type)
				}else if(current_handing_type ==7){
					this.subNVuepaiqian = uni.getSubNVueById('paiqian')
					this.subNVuepaiqian.show('slide-in-right', 100, function() {})
				}else if(current_handing_type ==8){
					this.subNVuehz = uni.getSubNVueById('hz')
					this.subNVuehz.show('slide-in-right', 100, function() {})
				}else if(current_handing_type ==9){
					this.subNVueDuban = uni.getSubNVueById('duban')
					this.subNVueDuban.show('slide-in-right', 100, function() {})
				}
			},
			//判断是否可以申请缓办或延期 geteventDelay
			idDeley(current_handing_type){
				uni.navigateTo({
					url: '/pages/detailPage/backCase?gdx='+this.eventItem.gdx+'&gdy='+this.eventItem.gdy+'&eventId='+this.eventItem.eventId + '&current_handing_type='+current_handing_type+'&eventItem='+JSON.stringify(this.eventItem)
				})
				// var todayTime = getTodayTime();
				// var endTime = this.eventItem.dealLimitTime;
				// console.log(timeCakel(todayTime,endTime))
				// console.log(this.eventItem.dealLimitTime)
				// if(timeCakel(todayTime,endTime)){
				// 	this.$toast.showToast('案件已超时不能进行申请')
				// } else if(this.eventItem.archivesTypeLeveThree.isJj&&this.eventItem.archivesTypeLeveThree.isJj==1||
				// 		this.eventItem.archivesTypeLeveThree.isTf&&this.eventItem.archivesTypeLeveThree.isTf==1){
				// 	this.$toast.showToast('案件为紧急案件不能进行延期或缓办')
				// }else{
				// 	uni.navigateTo({
				// 		url: '/pages/detailPage/backCase?gdx='+this.eventItem.gdx+'&gdy='+this.eventItem.gdy+'&eventId='+this.eventItem.eventId + '&current_handing_type='+current_handing_type+'&eventItem='+JSON.stringify(this.eventItem)
				// 	})
				// }
			},
			//案件列表查看大图
			seeImages(index, bigImgData, type){
				let bigImgDataPath = [];

				if(type == 'details'){
					bigImgData.forEach((ele) => {
						bigImgDataPath.push(this.image_url + ele.path);
					})
				}else if(type == 'logs'){
					bigImgData.forEach((ele) => {
						bigImgDataPath.push(this.image_url + ele.path);
					})
				}

				let _this = this;
				uni.previewImage({
					urls: bigImgDataPath,
					current: index,
					longPressActions: {
						success: function(data) {
						},
						fail: function(err) {
						}
					}
				});
			},
			//案件处置日志
			getEventLogList(){
				uni.showLoading()
				getEventLogList({},this.eventItem.eventId).then((res) => {
					if(res.code === 200){
						this.eventLogListData = res.data;
						for(var k=0;k<res.data.length;k++){
							var images = JSON.parse(res.data[k].images);
							var small_images = [];
							var big_images = [];
							for(var i=0;i<images.length;i++){
							   small_images.push(images[i]);
							   big_images.push(images[i]);
							}
						   this.eventLogListData[k].small_images = small_images;
						   this.eventLogListData[k].big_images = big_images;
						}
						this.smallImgData = small_images;
						this.bigImgData = big_images;
					}
					uni.hideLoading()
				}).catch((error) => {
					uni.hideLoading()
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.H5_map{
		width:100%;
		height:100%;
		.coverImag{
			position: absolute;
			top:0;
			right:0;
			width: 36rpx;
			height: 36rpx;
			z-index: 999;
		}
	}
	.event_details{
		padding-bottom: 92rpx;
		.event_box{
			background: #fff;
			height:100%;
			display: flex;
			flex-direction: column;
			position: relative;
			margin: 24rpx;
			margin-top:110rpx;
			//处置按钮
			.pending_buttons{
				display: flex;
				justify-content: space-around;
				position: fixed;
				bottom: 0rpx;
				right: 0rpx;
				left: 0rpx;
				margin: 24rpx;
				button{
					margin:0;
					color:#fff;
					width: 300rpx;
					height: 100rpx;
					border-radius: 25rpx;
					// background: linear-gradient(to right, #ee625f, #ae0909);
					background: $qj-color;
					&::after{
						border:none;
					}
				}
				.back1{
					width: 150rpx;
					height: 80rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 25rpx;
				}
				.back2{
					width: 200rpx;
					height: 80rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 25rpx;
				}
				.btnState{
					width: 100%;
					display: flex;
					flex: 1;
					text-decoration: row;
					justify-content: space-around;
				}
			}
		}
	}

	.end-title{
		position: fixed;
		top: 0rpx;
		right: 0rpx;
		left: 0rpx;
		z-index: 9;
        display: flex;
		//#ifdef H5
		margin-top: 44px;
		//#endif
		padding: 24rpx 24rpx 0px;
		background-color: #F5F5F5;
		view{
			flex-grow: 1;
			text-align: center;
			padding: 12rpx 0;
			border-bottom: 1px solid $qj-color;
			box-sizing: border-box;
			font-size: 30rpx;
			    background: #ffff;
		}
		.btna{
		    color: #FFFFFF;
		   background: $qj-color;
		   border-radius: 10rpx;
		}
    }
    .end-cont{
        display: none;
		overflow: auto;
		.type_status{
			display:flex;
			justify-content: space-between;
			padding: 0rpx 20rpx;
			align-items: center;
			// background: #f5f5f5;
			font-weight: bold;
			.event_type{
				font-size: 30rpx;
			}
			.event_status{
				color:#fff;
				font-size: 26rpx;
				background: $qj-color;
				padding: 4rpx 25rpx;
				border-radius: 80rpx 40rpx 40rpx 0rpx;
			}
		}
		.event_msg{
			padding:12rpx 20rpx;
			.msg_item{
				font-size: 30rpx;
				color: #767676;
			}
			.msg_item1{
				font-size: 30rpx;
				.msg_item1_img{
					width: 512rpx;
					height: 50rpx;
					float: right;
					.msg_item1_img1{
						width: 60rpx;
						height: 50rpx;
						float: left;
						margin-left: 10rpx;
					}
				}
			}

		}
		.map_image{
			padding: 0 20rpx;
			display: flex;
			justify-content: space-between;
			.map_box,.image_box{
				width: 316rpx;
				height:280rpx;
				border:1px solid #ccc;
			}
			.map_box{
				position: relative;
			}
			.image_box{
				image{
					width: 316rpx;
					height:100%;
				}
				image:first-child ~ image{
					display: none;
				}
			}
		}
		.event_logs{

			.logs_item{
				display: flex;
				flex-direction: row;
				margin: 30rpx 0;
				.circle{
					width: 24rpx;
					height:24rpx;
					border-radius: 50%;
					margin: 20rpx;
					background: $qj-gary;

				}
				&:first-child .circle{
					background: $qj-color;
				}
				.logs_box{
					width: 584rpx;
					padding: 20rpx;
					box-shadow: #b5cede 0px 0px 10px;
					background: white;
					border-radius: 10rpx;
					.logs_status{
						display: inline-block;
						color:#fff;
						font-size: 24rpx;
						padding: 2rpx 16rpx;
						border-radius: 10rpx;
						background: $qj-gary;
						padding: 4rpx 16rpx;
						border-radius: 10rpx;
					}
					.task_date{
						color: $qj-gary;
						font-size: 24rpx;
					}
					.logs_msg{
						color: $qj-black;
						font-size: 26rpx;
						text-align: justify;
					}
					.logs_image{
						width: 100%;
						height: 380rpx;
						text-align: center;
						margin: 10px 0;
						image{
							width: 352rpx;
							height:100%;
							border:1px solid #ccc;
						}
						image:first-child ~ image{
							display: none;
						}
					}
				}
				&:first-child .logs_box{
					.logs_status{
						background: $qj-color;
					}
				}
			}
		}
    }
	.end_cont_two{
		//background: #f5f5f5;
	}
    .dis{
        display: block;
    }

	//地图弹出层
	.uni-popup__wrapper-box{
		position: relative;
		z-index: 999999999;
		.popup-content {
			background-color: #fff;
			padding: 20rpx;
			position: relative;
			width:640rpx;
			// #ifdef APP-PLUS
				height:1000rpx;
			// #endif
			// #ifdef H5
				height:1000rpx;
			// #endif
			.close_map{
				width:30rpx;
				height:30rpx;
				position: absolute;
				right: -24rpx;
				top: -22rpx;
				background: #fff;
				border: 4rpx solid #ccc;
				border-radius: 50%;
				padding: 10rpx;
				z-index: 999999;
			}

		}
	}

	/* 提示窗口 */
	    .uni-tip {
	        padding: 15px;
	        width: 300px;
	        background: #fff;
	        box-sizing: border-box;
	        border-radius: 10px;
	    }

	    .uni-tip-title {
	        text-align: center;
	        font-weight: bold;
	        font-size: 16px;
	        color: #333;
	        text-align: left;
	    }
		.uni-contant{
			height: 260rpx;
			overflow-y: scroll;
			text-align: center;
			.btna1{
				color: #007aff;
			}
		}
	    .uni-tip-content {
	        padding: 15px;
	        font-size: 14px;
	        color: #666;
	        /* background: #C8C7CC; */
	        border:2upx solid #ccc;
	        border-radius: 10upx;
	    }

	    .uni-tip-content-textarea{
	        height: 300upx;
	        width: 100%;
	        text-align: left;
	    }
	    .uni-tip-group-button {
	        margin-top: 10px;
	        display: flex;
	    }
	    .uni-tip-group-button{
	        display: flex;
	        justify-content: space-between;
	        border-top::1px solid #f5f5f5;
	        button{
	        	margin:0;
	        	flex:1;
	        	border-radius: 0;
	        	background: #fff;
	        	font-size: 28rpx;
	        	height:90rpx;
	        	line-height: 90rpx;
	        	&::after{
	        		border:none;
	        	}
	        	&:first-child{
	        		border-right:1px solid #f5f5f5;
	        		border-bottom-left-radius: 10rpx;
	        	}
	        	&:last-child{
	        		color:#007aff;
	        		border-bottom-right-radius: 10rpx;
	        	}
	        }
	    }

		.describe{
			padding: 20rpx;
			font-size: 32rpx;
			line-height: 44rpx;
			color: #767676;
		}
</style>
